const signInBtn = document.getElementById("signIn");
const signUpBtn = document.getElementById("signUp");
const fistForm = document.getElementById("form1");
const secondForm = document.getElementById("form2");
const container = document.querySelector(".container");

signInBtn.addEventListener("click", () => {
  container.classList.remove("right-panel-active");
});

signUpBtn.addEventListener("click", () => {
  container.classList.add("right-panel-active");
});

fistForm.addEventListener("submit", (e) => e.preventDefault());
secondForm.addEventListener("submit", (e) => e.preventDefault());
function login() {
  var name = $("#name").val();
  var password = $("#password").val();
  var userRole = $("#userRole1").val(); // 获取选择的身份
  $.ajax({
    url: "/webapi/login/" + userRole, // 根据选择的身份调整请求URL
    method: "POST",
    contentType: "application/json", // 设置请求内容类型
    data: JSON.stringify({ // 发送JSON格式的数据
      name: name,
      password: password
    })
  }).done(function (rs) {
    if (rs == 1) {
      // 成功，根据身份跳转到不同的页面
      if (userRole === "patient") {
        window.location.href = "./patient_default.html";
      } else if (userRole === "doctor") {
        window.location.href = "./doctor_default.html";
      } else if (userRole === "admin") {
        window.location.href = "./admin_default.html";
      }
    } else {
      alert("出错了，您的用户名和密码是错误的！！！");
    }
  });
}
$(document).ready(function () {
  // 注册按钮点击事件
  $("#registerButton").click(function () {
    // 获取当前选择的身份
    var userRole = $("#userRole").val();

    // 根据选择的身份设置对应的模态框
    if (userRole === "patient") {
      $("#registerButton").attr("data-target", "#patientModal");
    } else if (userRole === "doctor") {
      $("#registerButton").attr("data-target", "#doctorModal");
    } else if (userRole === "admin") {
      $("#registerButton").attr("data-target", "#adminModal");
    }
  });
});

$(document).ready(function () {
  // 注册按钮点击事件
  $("#registerButton").click(function () {
    // 获取当前选择的身份
    var userRole = $("#userRole").val();

    // 根据不同的身份值调用不同的函数
    if (userRole === "patient") {
      patient();
    } else if (userRole === "doctor") {
      doctor();
    } else if (userRole === "admin") {
      admin();
    }
  });

  // 患者注册函数
  function patient() {
    console.log("调用患者注册函数");
    // 添加患者注册的具体逻辑，显示患者模态框
    $("#patientModal").modal("show");
  }
//
//   // 医生注册函数
//   function doctor() {
//     console.log("调用医生注册函数");
//     // 添加医生注册的具体逻辑，显示医生模态框
//     $("#doctorModal").modal("show");
//   }
//
//   // 管理员注册函数
//   function admin() {
//     console.log("调用管理员注册函数");
//     // 添加管理员注册的具体逻辑，输入管理员信息后注册
//     $("#adminModal").modal("show");
//   }
//
//   $("#adminForm").on("submit", function (e) {
//     e.preventDefault();
//     var adminData = {
//       adminName: $("#adminName").val(),
//       adminPassword: $("#adminPassword").val()
//     };
//     console.log(adminData);
//     registerAdmin(adminData);
//   });
//
//   function registerAdmin(data) {
//     $.ajax({
//       url: "/webapi/register/admin",
//       method: "POST",
//       contentType: "application/json",
//       data: JSON.stringify(data)
//     }).done(function (rs) {
//       if (rs == 1) {
//         alert("注册成功，请登录！");
//         $("#adminModal").modal("hide");
//         container.classList.remove("right-panel-active");
//       } else {
//         alert("出错了，注册失败！！！");
//       }
//     });
//   }
//
  $("#patientForm").on("submit", function (e) {
    e.preventDefault();
    var patientData = {
      patientName: $("#patientName").val(),
      patientNo: $("#patientNo").val(),
      patientPassword: $("#patientPassword").val(),
      patientPhone: $("#patientPhone").val(),
      patientSex: $("#patientSex").val(),
      patientAge: $("#patientAge").val()
    };
    registerPatient(patientData);
  });

  function registerPatient(data) {
    console.log(JSON.stringify(data));
    $.ajax({
      url: "/webapi/register/patient",
      method: "POST",
      contentType: "application/json",
      data: JSON.stringify(data)
    }).done(function (rs) {
      if (rs == 1) {
        alert("注册成功，请登录！");
        $("#patientModal").modal("hide");
        container.classList.remove("right-panel-active");
      } else {
        alert("出错了，注册失败！！！");
      }
    });
  }

//   $("#doctorForm").on("submit", function (e) {
//     e.preventDefault();
//     var doctorData = {
//       dNickName: $("#dNickName").val(),
//       doctorJobNo: $("#doctorJobNo").val(),
//       doctorPassword: $("#doctorPassword").val(),
//       profession: $("#profession").val(),
//       doctorSex: $("#doctorSex").val(),
//       doctorAge: $("#doctorAge").val(),
//       university: $("#university").val(),
//       education: $("#education").val(),
//       major: $("#major").val(),
//       workday: $("#workday").val(),
//       about: $("#about").val(),
//       photo: $("#photo").val()
//     };
//     registerDoctor(doctorData);
//   });
//
//   function registerDoctor(data) {
//     $.ajax({
//       url: "/webapi/register/doctor",
//       method: "POST",
//       contentType: "application/json",
//       data: JSON.stringify(data)
//     }).done(function (rs) {
//       if (rs == 1) {
//         alert("注册成功，请登录！");
//         $("#teacherModal").modal("hide");
//         container.classList.remove("right-panel-active");
//       } else {
//         alert("出错了，注册失败！！！");
//       }
//     });
//   }
});
//
// // $(document).ready(function () {
// //   // 忘记密码链接点击事件
// //   $("#forgotPassword").click(function () {
// //     // 获取当前选择的用户角色
// //     var userRole = $("#userRole1").val();
//
// //     // 根据用户角色显示相应的密码恢复模态框
// //     if (userRole === "student") {
// //       $("#forgotPassword").attr("data-target", "#patientPasswordModal");
// //     } else if (userRole === "teacher") {
// //       $("#forgotPassword").attr("data-target", "#doctorPasswordModal");
// //     } else if (userRole === "admin") {
// //       $("#forgotPassword").attr("data-target", "#adminPasswordModal");
// //     }
// //   });
// // });
// $(document).ready(function () {
//   // 假设 userRole1 是通过异步加载的情况
//   // 示例：假设异步加载完成后调用 handleUserRoleChange 函数
//   handleUserRoleChange();
//
//   // 处理用户角色改变事件
//   function handleUserRoleChange() {
//       // 点击忘记密码链接事件
//       $("#forgotPassword").click(function () {
//           var userRole = $("#userRole1").val();
//
//           if (userRole === "patient") {
//               $("#patientPasswordModal").modal("show");
//           } else if (userRole === "doctor") {
//               $("#doctorPasswordModal").modal("show");
//           } else if (userRole === "admin") {
//               $("#adminPasswordModal").modal("show");
//           }
//       });
//   }
// });
//
//
// $(document).ready(function () {
//   // 患者密码恢复表单提交
//   $("#patientPasswordRecoveryForm").on("submit", function (e) {
//     e.preventDefault();
//     var patientName = $("#patientName").val();
//     var PatientPassword = $("#newPatientPassword").val(); // 获取新密码
//
//     // AJAX 调用，发送患者账号和新密码进行密码修改
//     $.ajax({
//       url: "/webapi/password-recovery/patient",
//       method: "PUT",
//       contentType: "application/json",
//       data: JSON.stringify({ patientName: patientName, PatientPassword: PatientPassword }) // 注意这里的属性名
//     }).done(function (response) {
//       if (response.code == 1) {
//         // 显示成功消息或重定向到确认页面
//         alert("密码修改成功！");
//         $("#studentPasswordModal").modal("hide");
//       } else {
//         // 显示错误消息
//         alert("密码修改失败，对应账号的患者可能不存在，请重试。");
//       }
//     }).fail(function (xhr, status, error) {
//       // 显示具体的错误信息
//       alert("密码恢复失败：" + xhr.responseText);
//     });
//   });
//
//
//   // 医生密码恢复表单提交
//   $("#doctorPasswordRecoveryForm").on("submit", function (e) {
//     e.preventDefault();
//     var doctorJobNo = $("#doctorJobNoP").val();
//     var doctorPassword = $("#newDoctorPassword").val(); // 获取新密码
//
//     // AJAX 调用，发送医生工号和新密码进行密码修改
//     $.ajax({
//       url: "/webapi/password-recovery/doctor",
//       method: "PUT",
//       contentType: "application/json",
//       data: JSON.stringify({ doctorJobNo: doctorJobNo, doctorPassword: doctorPassword }) // 注意这里的属性名
//     }).done(function (response) {
//       if (response.code == 1) {
//         // 显示成功消息或重定向到确认页面
//         alert("密码修改成功！");
//         $("#teacherPasswordModal").modal("hide");
//       } else {
//         // 显示错误消息
//         alert("密码恢复失败，对应工号的医生可能不存在，请重试。");
//       }
//     }).fail(function (xhr, status, error) {
//       // 显示具体的错误信息
//       alert("密码恢复失败：" + xhr.responseText);
//     });
//   });
//   // 管理员密码恢复表单提交
//   $("#adminPasswordRecoveryForm").on("submit", function (e) {
//     e.preventDefault();
//     var adminName = $("#adminNameP").val();
//     var adminPassword = $("#newAdminPassword").val(); // 获取新密码
//     // AJAX 调用，发送管理员姓名和新密码进行密码修改
//     $.ajax({
//       url: "/webapi/password-recovery/admin",
//       method: "PUT",
//       contentType: "application/json",
//       data: JSON.stringify({ adminName: adminName, adminPassword: adminPassword })
//     }).done(function (response) {
//       // console.log(response);
//       if (response.code == 1) {
//         // 显示成功消息或重定向到确认页面
//         alert("密码修改成功！");
//         $("#adminPasswordModal").modal("hide");
//       } else {
//         // 显示错误消息
//         alert("密码恢复失败，对应姓名的管理员可能不存在，请重试。");
//       }
//     }).fail(function (xhr, status, error) {
//       // 显示具体的错误信息
//       alert("密码恢复失败：" + xhr.responseText);
//     });
//   });
// });